<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <title>HTML 常用标签示例</title>
</head>
<body>
<!-- 标题 -->
<h1>欢迎来到我的网站</h1>
<h2>HTML 常用标签示例</h2>

<!-- 段落 -->
<p>这是文本的一个段落。</p>
<p>这里有一个链接：
  <a href="https://eova.cn" target="_blank">访问EOVA社区</a>
</p>

<!-- 图像 -->
<img src="../ui/img/wx.png" alt="描述图片的文字" style="width: 70px;">

<!-- 列表 -->
<ul>
  <li>加羽神WX(备注B站)</li>
  <li>列表内容2....</li>
</ul>

<!-- 表单 -->
<form action="/submit_form" method="post">
  <div style="background-color:lightblue;">
    <label for="name">名字:</label>
    <input type="text" id="name" name="name" placeholder="文本框" value="">
  </div>
  <input type="submit" value="提交">
</form>

<!-- 分组元素 -->
<div style="border: 1px solid black; padding: 10px;">
  <p>这是一个包含在 div 中的段落，用于布局或样式分组。</p>
</div>

<a style="background-image: linear-gradient(to top, #cd9cf2 0%, #f6f3ff 100%); font-size: 18px" href="#wx">
  如何加入羽神同行陪跑营
</a>

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

<h3 style="color: red;" id="wx">
  羽神同行 私教陪跑 手把手带你飞
  <br>
  <img src="../ui/img/wx.png" style="height: 150px"></img>
  <br>
  加微信备注(B站)
  <br>

</h3>
</body>
</html>
